<template>
<div>
    <!-- <h1>帮助文档界面</h1> -->
      <!-- <div style="margin: 20px">
      <el-breadcrumb separator-class="el-icon-arrow-right">
        <el-breadcrumb-item :to="{ path: '/main' }">首页</el-breadcrumb-item>
        <el-breadcrumb-item>帮助中心</el-breadcrumb-item>
      </el-breadcrumb>
      <el-link type="primary" href="http://127.0.0.1:8080/ipfs/QmVhm2qsj16KreFwqpz4Uifam3JfBrpDYFXAJhqQT32ZwX?filename=test.pdf"
      style="font-weight: bold; font-size: larger;float: right; margin-right: 200px;">点击下载帮助文档</el-link>
    </div> -->
    <!-- <div class="blank" style="width: 1366px; height: 50px; background-color: #ffffff;">
    <p style="font-weight: bold;color: #383838; float: left; font-size: 25px;">数字资产认证与交易——帮助中心</p>
      <el-link type="primary" href="http://127.0.0.1:8080/ipfs/QmVhm2qsj16KreFwqpz4Uifam3JfBrpDYFXAJhqQT32ZwX?filename=test.pdf"
      style="font-weight: bold; font-size: larger;float: right; margin-right: 200px;">点击下载帮助文档</el-link>
    </div> -->
    <div class="demo-image__placeholder" style="width: 1366px; height: 600px; margin-top: 18px;background-image: url(http://127.0.0.1:8080/ipfs/QmWRW7WjSk71u81kCphkM7PhCdx5r5dKQMv6hQjn344nta); position: relative; padding:1px;
    box-sizing:border-box;z-index:1;background-size: 1366px 600px;box-shadow: 0 5px 12px 2 rgba(0, 0, 0, 0.1);">
     <div class="block">
    <el-image 
    style="width: 618px; height: 399px;margin-top: 3px; margin-left: 85px;float: left; box-shadow: 0 5px 12px 2 rgba(0, 0, 0, 0.1);z-index:11;"
    :src="src1"></el-image>
     <!-- <p style="font-weight: bold;color: #383838;  font-size: 25px;">帮助中心</p> -->
     <h1 style="margin-top: 60px;">帮助中心</h1>
    <p style="color: #524A4E;">查看常见问题的解决方案以及帮助文档</p>
  </div>
    <div class="block1" style="margin-top: 50px;">
        <el-row>
          <el-link type="primary" href="http://127.0.0.1:8080/ipfs/QmYmT5GgQ7nFerFCUg46MsZQk7s6wmq33w8icTEjdAqSxs"
      style="font-weight: bold; font-size: larger; margin-top: 0px;width: 125px; margin-right: 160px;">
      <el-button plain style="width: 225px; margin-top: 50px; margin-right: 50px; height: 50px; border-radius: 10px; font-size: large; font-weight: bold; ">NFT创建教学</el-button>
      </el-link>
      <el-link type="primary" href="http://127.0.0.1:8080/ipfs/QmSSk6m1AFcNi1bKxXu5qfqexBnjKHBUPTB5EMbfyvfb9Y"
      style="font-weight: bold; font-size: larger; margin-top: 0px;width: 125px; ">
      <el-button plain style="width: 225px; margin-top: 50px; margin-right: 50px; height: 50px; border-radius: 10px; font-size: large; font-weight: bold; ">如何出售版权通证</el-button>
      </el-link><br>
       <el-link type="primary" href="http://127.0.0.1:8080/ipfs/QmYQPP6US7j61EKnSHFnSKNjC5kf9Zp8B4yTdZFDqBfNUx"
      style="font-weight: bold; font-size: larger; margin-top: 0px;width: 125px;  margin-right: 160px;">
      <el-button plain style="width: 225px; margin-top: 50px; margin-right: 50px; height: 50px; border-radius: 10px; font-size: large; font-weight: bold; ">如何购买版权通证</el-button>
      </el-link>
         <el-link type="primary" href="http://127.0.0.1:8080/ipfs/QmQBcBTuMKfnzyHfX7y51B1EpJykxwcwzRqV8Gf5aZKqSP"
      style="font-weight: bold; font-size: larger;margin-top: 0px;width: 125px; ">
      <el-button plain style="width: 225px; margin-top: 50px; margin-right: 50px; height: 50px; border-radius: 10px; font-size: large; font-weight: bold; ">如何查看个人数字资产</el-button>
      </el-link>
      
        <!-- <el-button plain style="width: 225px; margin-top: 50px; margin-right: 50px; height: 50px; border-radius: 10px; font-size: large; font-weight: bold; ">NFT创建教学</el-button> -->
        <!-- <el-button plain style="width: 225px; margin-top: 50px; margin-right: 50px; height: 50px; border-radius: 10px; font-size: large; font-weight: bold; ">如何出售版权通证</el-button><br><br> -->
        <!-- <el-button plain style="width: 225px; margin-top: 50px; margin-right: 50px; height: 50px; border-radius: 10px; font-size: large; font-weight: bold; ">如何购买版权通证</el-button> -->
        <!-- <el-button plain style="width: 225px; margin-top: 50px; margin-right: 50px; height: 50px; border-radius: 10px; font-size: large; font-weight: bold; ">如何查看个人数字资产</el-button> -->
        </el-row>
    </div>
  <el-link type="primary" href="http://127.0.0.1:8080/ipfs/QmQ7bLTYPvSQzUWw1k1SqCG48ZL3CSEwFA8YgLfELjaVWu"
      style="font-weight: bold; font-size: larger;float: right; margin-right: 230px; margin-top: 0px; ">
     点击下载全部帮助文档
      </el-link>

</div>
    
</div>
</template>

<script>
  export default {
    data() {
      return {
        src1: 'http://127.0.0.1:8080/ipfs/QmRDspNVreR8FtawzNLQQ4VWSFjU6RyokUiWa2RxbKEYZR'
      };
    },
    methods: {
      handleSelect(key, keyPath) {
        console.log(key, keyPath);
      }
    }
  }
</script>
<style>
.el-row.el-button {
    width: 200px;
    margin-top: 50px;
    margin-right: 50px;
    height: 50px;
    border-radius: 10px;
    box-shadow: 0 5px 12px 2 #000;
}   
</style>